
.wifigirl {
    background-image : url("../images/wifigirl.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : -0.52rem;
    top              : 6.19rem;
    width            : 8.45rem;
    height           : 6.33rem;
    z-index          : 5;
}
.gost1 {
    background-image : url("../images/gost1.png");
    background-size  : 100% 100%;
    position         : absolute;
    right            : 5.11rem;
    top              : 6.15rem;
    width            : 2.56rem;
    height           : 2.52rem;
    z-index          : 9;
    opacity          : 0;
    animation        : gst1 3s infinite linear;
}
.gost2 {
    background-image : url("../images/gost2.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 5.11rem;
    top              : 7.25rem;
    width            : 2.56rem;
    height           : 2.52rem;
    z-index          : 9;
    opacity          : 0;
    animation        : gst2 3s 2s infinite linear;
}
.t1 {
    background-image : url("../images/t1.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 2.7rem;
    top              : 1.49rem;
    width            : 1.85rem;
    height           : 0.49rem;
    z-index          : 16;
    opacity          : 0;
    animation        : vanishIn 0.7s forwards ease;
}
.t2 {
    background-image : url("../images/t2.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.72rem;
    top              : 2.09rem;
    width            : 6.01rem;
    height           : 1.01rem;
    z-index          : 15;
    opacity          : 0;
    animation        : vanishIn 0.7s 0.2s forwards ease;
}
.t3 {
    background-image : url("../images/t3.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 1.71rem;
    top              : 3.36rem;
    width            : 3.15rem;
    height           : 0.98rem;
    z-index          : 14;
    opacity          : 0;
    animation        : vanishIn 0.7s 0.4s forwards ease;
}
.t4 {
    background-image : url("../images/t4.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 5.18rem;
    top              : 3.39rem;
    width            : 1.16rem;
    height           : 0.93rem;
    z-index          : 13;
    opacity          : 0;
    animation        : vanishIn 0.7s 0.5s forwards ease;
}
.t5 {
    background-image : url("../images/t5.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.72rem;
    top              : 4.58rem;
    width            : 6.09rem;
    height           : 1.59rem;
    z-index          : 12;
    opacity          : 0;
    animation        : spaceInDown 0.5s 0.6s forwards ease;
}
.tips {
    background-image : url("../images/tips.png");
    background-size  : 100% 100%;
    position         : fixed;
    left             : 3.66rem;
    bottom           : 1rem;
    width            : 0.18rem;
    height           : 1.68rem;
    display          : none;
    z-index          : 33;
    animation        : tips 1s infinite linear alternate;
}
.tip2_1 {
    background-image : url("../images/tip2-1.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 2.12rem;
    top              : 9.8rem;
    width            : 3.28rem;
    height           : 0.95rem;
    z-index          : 32;
    opacity          : 0;
    animation        : vanishIn 0.5s forwards ease;
    display          : none;
}
.gif2_1 {
    background-image : url("../images/gif2-1.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 1.7rem;
    top              : 1.18rem;
    width            : 3.83rem;
    height           : 3.21rem;
    z-index          : 31;
}
.p2itms {
    text-align       : center;
    line-height      : 0.72rem;
    font-size        : 0.23rem;
    color            : #827eca;
    background-image : url("../images/p2listbg.png");
    background-size  : 100% 100%;
    font-weight      : bold;
}
.p2itmsactive {
    color            : #000;
    background-image : url("../images/p2listbgactive.png");
    background-size  : 100% 100%;
}
.p2item1 {
    /*background-image:url("../images/p2item1.png");*/
    background-size : 100% 100%;
    position        : absolute;
    left            : 1.2rem;
    top             : 5.64rem;
    width           : 5.08rem;
    height          : 0.72rem;
    z-index         : 4;
    opacity         : 0;
    animation       : p2item1 0.4s forwards;
}
.p2item2 {
    /*background-image:url("../images/p2item2.png");*/
    background-size : 100% 100%;
    position        : absolute;
    left            : 1.2rem;
    top             : 6.62rem;
    width           : 5.08rem;
    height          : 0.72rem;
    z-index         : 5;
    opacity         : 0;
    animation       : p2item1 0.4s 0.1s forwards;
}
.p2item3 {
    /*background-image:url("../images/p2item3.png");*/
    background-size : 100% 100%;
    position        : absolute;
    left            : 1.2rem;
    top             : 7.64rem;
    width           : 5.08rem;
    height          : 0.72rem;
    z-index         : 6;
    opacity         : 0;
    animation       : p2item1 0.4s 0.2s forwards;
}
.p2item4 {
    /*background-image:url("../images/p2item4.png");*/
    background-size : 100% 100%;
    position        : absolute;
    left            : 1.2rem;
    top             : 8.62rem;
    width           : 5.08rem;
    height          : 0.72rem;
    z-index         : 7;
    opacity         : 0;
    animation       : p2item1 0.4s 0.3s forwards;
}
.tip31 {
    background-image : url("../images/tip31.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.64rem;
    top              : 4.41rem;
    width            : 6.21rem;
    height           : 0.65rem;
    z-index          : 6;
    opacity          : 0;
    animation        : p2item1 0.4s 0.1s forwards;
}
.tip32 {
    background-image : url("../images/tip32.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.47rem;
    top              : 5.45rem;
    width            : 6.53rem;
    height           : 4.3rem;
    z-index          : 5;
    opacity          : 0;
    animation        : p2item1 0.4s 0.2s forwards;
}
.tip33 {
    background-image : url("../images/tip33.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.64rem;
    top              : 10.2rem;
    width            : 6.21rem;
    height           : 0.66rem;
    z-index          : 4;
    opacity          : 0;
    animation        : p2item1 0.4s 0.3s forwards;
}
.p41 {
    background-image : url("../images/p41.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.93rem;
    top              : 1.41rem;
    width            : 5.18rem;
    height           : 0.49rem;
    z-index          : 7;
    opacity          : 0;
    animation        : p2item1 0.4s forwards;
}
.p42 {
    background-image : url("../images/p42.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.6rem;
    top              : 2.57rem;
    width            : 6.27rem;
    height           : 8.7rem;
    z-index          : 6;
    opacity          : 0;
    animation        : p2item1 0.4s 0.1s forwards;
}
.p43 {
    background-image : url("../images/p43.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.63rem;
    top              : 3.99rem;
    width            : 6.21rem;
    height           : 2.82rem;
    z-index          : 5;
    opacity          : 0;
    animation        : p2item1 0.4s 0.2s forwards;
}
.p44 {
    background-image : url("../images/p44.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.58rem;
    top              : 7.13rem;
    width            : 6.32rem;
    height           : 3.6rem;
    z-index          : 10;
    opacity          : 0;
    animation        : p2item1 0.4s 0.3s forwards;
}
.p45 {
    background-image : url("../images/p45.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 1.11rem;
    top              : 11rem;
    width            : 5.12rem;
    height           : 0.24rem;
    z-index          : 311;
    opacity          : 0;
    animation        : p2item1 0.4s 0.4s forwards;
}
.p5t1 {
    background-image : url("../images/p5t1.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 1.43rem;
    top              : 1.87rem;
    width            : 4.59rem;
    height           : 0.44rem;
    z-index          : 3;
    opacity          : 0;
    animation        : p2item1 0.4s forwards;
}
.p5t2 {
    background-image : url("../images/p5t2.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.63rem;
    top              : 4.27rem;
    width            : 6.07rem;
    height           : 0.66rem;
    z-index          : 21;
    opacity          : 0;
    animation        : p2item1 0.4s 0.2s forwards;
}
.p5t3 {
    background-image : url("../images/p5t3.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.63rem;
    top              : 10.75rem;
    width            : 6.21rem;
    height           : 0.66rem;
    z-index          : 20;
    opacity          : 0;
    animation        : p2item1 0.4s 7s forwards;
}
.p5search {
    background-image : url("../images/p5search.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.62rem;
    top              : 5.14rem;
    width            : 6.25rem;
    height           : 0.71rem;
    z-index          : 1;
    line-height      : 0.71rem;
    font-size        : 0.21rem;
    text-indent      : 3em;
    color            : grey;
    opacity          : 0;
    animation        : p2item1 0.4s 0.3s forwards;
}
.p5imgs1 {
    background-image : url("../images/p5imgs1.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.7rem;
    top              : 6.1rem;
    width            : 5.67rem;
    height           : 4.15rem;
    z-index          : 4;
    opacity          : 0;
    animation        : imgsscalein 0.6s 1.5s forwards;
}
.p5imgs2 {
    background-image : url("../images/p5imgs2.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 1.52rem;
    top              : 6.38rem;
    width            : 5.3rem;
    height           : 4.18rem;
    z-index          : 5;
    opacity          : 0;
    animation        : imgsscalein 0.6s 2.5s forwards;
}
.p5imgs3 {
    background-image : url("../images/p5imgs3.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.94rem;
    top              : 5.93rem;
    width            : 3.97rem;
    height           : 4.69rem;
    z-index          : 6;
    opacity          : 0;
    animation        : imgsscalein 0.6s 3.5s forwards;
}
.p5imgs4 {
    background-image : url("../images/p5imgs4.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 1.51rem;
    top              : 7.14rem;
    width            : 5.3rem;
    height           : 3.48rem;
    z-index          : 7;
    opacity          : 0;
    animation        : imgsscalein 0.6s 4.5s forwards;
}
.p5imgs5 {
    background-image : url("../images/p5imgs5.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.94rem;
    top              : 5.93rem;
    width            : 5.31rem;
    height           : 4.33rem;
    z-index          : 8;
    opacity          : 0;
    animation        : imgsscalein 0.6s 5.5s forwards;
}
.p5imgs6 {
    background-image : url("../images/p5imgs6.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.49rem;
    top              : 5.93rem;
    width            : 6.52rem;
    height           : 4.69rem;
    z-index          : 9;
    opacity          : 0;
    animation        : imgsscalein 0.6s 6.5s forwards;
}
.p61 {
    background-image : url("../images/p61.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.63rem;
    top              : 3.83rem;
    width            : 6.2rem;
    height           : 1.08rem;
    z-index          : 4;
    opacity          : 0;
    animation        : p2item1 0.5s forwards;
}
.p62 {
    background-image : url("../images/p62.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.68rem;
    top              : 5.44rem;
    width            : 6.16rem;
    height           : 1.21rem;
    z-index          : 5;
    opacity          : 0;
    animation        : p2item1 0.5s 0.4s forwards;
}
.p63 {
    background-image : url("../images/p63.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.54rem;
    top              : 7.02rem;
    width            : 6.36rem;
    height           : 4.28rem;
    z-index          : 6;
    opacity          : 0;
    animation        : p2item1 0.5s 0.8s forwards;
}
.p71 {
    background-image : url("../images/p71.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.63rem;
    top              : 2.76rem;
    width            : 6.07rem;
    height           : 0.66rem;
    z-index          : 6;
    opacity          : 0;
    animation        : p2item1 0.4s forwards;
}
.p72 {
    background-image : url("../images/p72.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.55rem;
    top              : 3.69rem;
    width            : 5.15rem;
    height           : 5.3rem;
    z-index          : 3;
    opacity          : 0;
    animation        : imgsscalein 0.6s .5s forwards;
}
.p73 {
    background-image : url("../images/p73.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 4.14rem;
    top              : 3.42rem;
    width            : 2.71rem;
    height           : 1.62rem;
    z-index          : 4;
    opacity          : 0;
    animation        : imgsscalein 0.6s 1s forwards;
}
.p74 {
    background-image : url("../images/p74.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 2.39rem;
    top              : 7.18rem;
    width            : 4.44rem;
    height           : 4.35rem;
    z-index          : 5;
    opacity          : 0;
    animation        : imgsscalein 0.6s 1.5s forwards;
}
.p75 {
    background-image : url("../images/p75.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.63rem;
    top              : 2.99rem;
    width            : 6.21rem;
    height           : 1.08rem;
    z-index          : 2;
    opacity          : 0;
    animation        : p2item1 0.4s forwards;
}
.p76 {
    background-image : url("../images/p76.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.99rem;
    top              : 4.57rem;
    width            : 5.49rem;
    height           : 6.27rem;
    z-index          : 3;
    opacity          : 0;
    animation        : imgsscalein 0.6s .5s forwards;
}
.p81 {
    background-image : url("../images/p81.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.64rem;
    top              : 3.18rem;
    width            : 6.2rem;
    height           : 1.08rem;
    z-index          : 200;
    opacity          : 0;
    animation        : p2item1 0.6s forwards;
}
.p82 {
    background-image : url("../images/p82.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.58rem;
    top              : 4.61rem;
    width            : 6.32rem;
    height           : 3.6rem;
    z-index          : 1000;
    opacity          : 0;
    animation        : p2item1 0.6s 0.3s forwards;
}
.p83 {
    background-image : url("../images/p83.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.64rem;
    top              : 8.52rem;
    width            : 6.21rem;
    height           : 1.07rem;
    z-index          : 6;
    opacity          : 0;
    animation        : p2item1 0.6s 0.6s forwards;
}
.p84 {
    background-image : url("../images/p84.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.81rem;
    top              : 10rem;
    width            : 6.03rem;
    height           : 1.21rem;
    z-index          : 5;
    opacity          : 0;
    animation        : p2item1 0.6s 0.9s forwards;
}
.P9 {
    position : absolute;
    left     : 0rem;
    top      : 0rem;
    width    : 7.5rem;
    height   : 14.48rem;
    z-index  : 11;
}
.p91 {
    background-image : url("../images/p91.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 1.23rem;
    top              : 1.57rem;
    width            : 4.94rem;
    height           : 0.44rem;
    z-index          : 10;
    opacity          : 0;
    animation        : p2item1 0.6s forwards;
}
.p92 {
    background-image : url("../images/p92.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.91rem;
    top              : 3.3rem;
    width            : 5.59rem;
    height           : 0.58rem;
    z-index          : 9;
    opacity          : 0;
    animation        : p2item1 0.6s 0.8s forwards;
}
.p93 {
    background-image : url("../images/p93.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 1.56rem;
    top              : 4.16rem;
    width            : 4.3rem;
    height           : 2rem;
    z-index          : 8;
    opacity          : 0;
    animation        : slideFromRight 0.6s 1.2s forwards;
}
.p94 {
    background-image : url("../images/p94.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.64rem;
    top              : 6.54rem;
    width            : 6.21rem;
    height           : 1.49rem;
    z-index          : 7;
    opacity          : 0;
    animation        : p2item1 0.6s 1.5s forwards;
}
.p95 {
    background-image : url("../images/p95.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.91rem;
    top              : 8.43rem;
    width            : 5.59rem;
    height           : 0.58rem;
    z-index          : 6;
    opacity          : 0;
    animation        : p2item1 0.6s 1.7s forwards;
}
.p96 {
    background-image : url("../images/p96.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.87rem;
    top              : 9.34rem;
    width            : 5.98rem;
    height           : 1.45rem;
    z-index          : 5;
    opacity          : 0;
    animation        : slideFromLeft 0.6s 2s forwards;
}
.p97 {
    background-image : url("../images/p97.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.73rem;
    top              : 9.62rem;
    width            : 1.63rem;
    height           : 0.79rem;
    z-index          : 10;
    opacity          : 0;
    animation        : imgsscalein 0.6s 2.6s forwards;
}
.p98 {
    background-image : url("../images/p98.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.61rem;
    top              : 11.18rem;
    width            : 6.26rem;
    height           : 1.07rem;
    z-index          : 3;
    opacity          : 0;
    animation        : imgsscalein 0.6s 3s forwards;
}
.p101 {
    background-image : url("../images/p101.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.64rem;
    top              : 4.27rem;
    width            : 6.21rem;
    height           : 0.66rem;
    z-index          : 9;
    opacity          : 0;
    animation        : p2item1 0.6s forwards;
}
.p102 {
    background-image : url("../images/p102.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 1.38rem;
    top              : 5.65rem;
    width            : 1.44rem;
    height           : 0.24rem;
    z-index          : 8;
    opacity          : 0;
    animation        : p2item1 0.6s 0.2s forwards;
}
.p103 {
    background-image : url("../images/p103.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 4.49rem;
    top              : 5.45rem;
    width            : 1.96rem;
    height           : 0.54rem;
    z-index          : 7;
    opacity          : 0;
    animation        : p2item1 0.6s 0.3s forwards;
}
.p104 {
    background-image : url("../images/p104.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.93rem;
    top              : 6.09rem;
    width            : 2.34rem;
    height           : 4.68rem;
    z-index          : 6;
    opacity          : 0;
    animation        : p2item1 0.6s 0.2s forwards;
}
.p105 {
    background-image : url("../images/p105.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 4.36rem;
    top              : 6.09rem;
    width            : 2.17rem;
    height           : 4.66rem;
    z-index          : 5;
    opacity          : 0;
    animation        : p2item1 0.6s 0.3s forwards;
}
.p106 {
    background-image : url("../images/p106.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.92rem;
    top              : 6.08rem;
    width            : 2.34rem;
    height           : 4.68rem;
    z-index          : 4;
    display          : none;
    opacity          : 0;
    animation        : p2item1 0.6s 0.2s forwards;
}
.p107 {
    background-image : url("../images/p107.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 4.37rem;
    top              : 6.1rem;
    width            : 2.17rem;
    height           : 4.66rem;
    z-index          : 3;
    display          : none;
    opacity          : 0;
    animation        : p2item1 0.6s 0.2s forwards;
}
.hand {
    background-image : url("../images/hand.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 1.87rem;
    top              : 9.6rem;
    width            : 0.45rem;
    height           : 0.79rem;
    z-index          : 100;
    opacity          : 0;
    animation        : click 0.5s 1s infinite alternate ease;
}
.hand2 {
    background-image : url("../images/hand.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 5.27rem;
    top              : 9.6rem;
    width            : 0.45rem;
    height           : 0.79rem;
    z-index          : 100;
    opacity          : 0;
    animation        : click 0.5s 1s infinite alternate ease;
}
.P11 {
    position : absolute;
    left     : 0rem;
    top      : 0rem;
    width    : 7.5rem;
    height   : 14.48rem;
    z-index  : 6;
}
.p111 {
    background-image : url("../images/p111.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.63rem;
    top              : 3.1rem;
    width            : 6.22rem;
    height           : 0.66rem;
    z-index          : 5;
    opacity          : 0;
    animation        : p2item1 0.6s forwards;
}
.p112 {
    background-image : url("../images/p112.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.65rem;
    top              : 4.28rem;
    width            : 6.18rem;
    height           : 2.91rem;
    z-index          : 4;
    opacity          : 0;
    animation        : p2item1 0.6s 0.5s forwards;
}
.p113 {
    background-image : url("../images/p113.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0.31rem;
    top              : 7.14rem;
    width            : 6.85rem;
    height           : 3.57rem;
    z-index          : 3;
    opacity          : 0;
    animation        : p2item1 0.6s 1s forwards;
}
.gosahre {
    background-image : url("../images/gosahre.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 1.63rem;
    top              : 10.28rem;
    width            : 3.59rem;
    height           : 0.89rem;
    z-index          : 22;
}
.words {
    background-image : url("../images/words.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0rem;
    top              : 0rem;
    width            : 6.05rem;
    height           : 6.94rem;
    animation        : words 18s 3s forwards linear;
}
.wordsbox {
    position : absolute;
    left     : 0.6rem;
    top      : 4.48rem;
    width    : 6.05rem;
    height   : 4.54rem;
    z-index  : 3;
    overflow : hidden;
    /*border: 1px solid red;*/
}
.enter {
    background-image : url("../images/enter.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 3.24rem;
    top              : 11.74rem;
    width            : 1.12rem;
    height           : 1.12rem;
    z-index          : 1;
}
.entertext {
    background-image : url("../images/entertext.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 2.8rem;
    top              : 11.5rem;
    width            : 2.01rem;
    height           : 1.64rem;
    z-index          : 2;
}
.lns {
    width            : 7.50rem;
    height           : 14.48rem;
    background       : url("../images/lns.png") no-repeat;
    background-size  : 100% 100%;
    position         : absolute;
    left             : 0;
    top              : 0;
    z-index          : 101;
    transform-origin : center center;
    animation        : lns 0.5s infinite alternate;
}